<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Weight Report</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0 auto;
            padding: 0.3in;
            width: 8.27in;
            height: 5.845in;
            line-height: 1;
        }
        @page {
            size: 8.27in 5.845in;
            margin: 0.2in;
        }
        .header {
            text-align: center;
            margin-bottom: 10px;
        }
        .company-name {
            font-size: 24px;
            font-weight: bold;
            color: #0066cc;
        }
        .depot-info {
            font-size: 18px;
            margin: 5px 0;
        }
        .report-title {
            font-size: 18px;
            font-weight: bold;
            text-align: center;
            margin: 10px 0;
            text-decoration: underline;
            color: #0066cc;
        }
        table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 10px;
            margin-bottom: 15px;
            table-layout: fixed;
        }
        th, td {
            border: 1px solid #000;
            padding: 6px;
            text-align: left;
            word-wrap: break-word;
        }
        .weight-summary {
            margin: 16px 0;
            text-align: center;
        }
        .weight-summary td {
            font-weight: bold;
            font-size: 18px;
        }
        .footer {
            margin-top: 30px;
            text-align: center;
            font-size: 12px;
            color: #000;
        }
    </style>
</head>
<body>
    <div class="header">
        <div class="company-name">{{company_name}}</div>
        <div class="depot-info">{{company_address}}</div>
        <div class="depot-info">{{company_mobile}}</div>
    </div>

    <div class="report-title">Weight Report</div>

    <table>
        <tr>
            <td>{{field_weight_id}}</td>
            <td>{{weight_id}}</td>
            <td>{{field_ship_name}}</td>
            <td>{{ship_name}}</td>
        </tr>
        <tr>
            <td>{{field_vhicale}}</td>
            <td>{{vhicale}}</td>
            <td>{{field_sender_name}}</td>
            <td>{{sender_name}}</td>
        </tr>
        <tr>
            <td>{{field_driver_name}}</td>
            <td>{{driver_name}}</td>
            <td>{{field_sender_address}}</td>
            <td>{{sender_address}}</td>
        </tr>
        <tr>
            <td>{{field_driver_mobile}}</td>
            <td>{{driver_mobile}}</td>
            <td>{{field_sender_mobile}}</td>
            <td>{{sender_mobile}}</td>
        </tr>
        <tr>
            <td>{{field_material_name}}</td>
            <td>{{material_name}}</td>
            <td>{{field_receiver_name}}</td>
            <td>{{receiver_name}}</td>
        </tr>
        <tr>
            <td>{{field_material_price}}</td>
            <td>{{material_price}}{{material_price_type}}</td>
            <td>{{field_receiver_address}}</td>
            <td>{{receiver_address}}</td>
        </tr>
        <tr>
            <td>{{field_quantity}}</td>
            <td>{{quantity}}{{quantity_type}}</td>
            <td>{{field_receiver_mobile}}</td>
            <td>{{receiver_mobile}}</td>
        </tr>
        <tr>
            <td>{{field_load_operator}}</td>
            <td>{{load_operator}}</td>
            <td>{{field_unload_operator}}</td>
            <td>{{unload_operator}}</td>
        </tr>
    </table>

    <table class="weight-summary">
        <tr>
            <td>{{load_time}}</td>
            <td>{{load_date}}</td>
            <td>{{unload_time}}</td>
            <td>{{unload_date}}</td>
            <td style="text-align: center;">{{field_net_weight}}</td>
            <td style="text-align: center;">{{net_weight}}</td>
        </tr>
        <tr>
            <td colspan="2" style="text-align: center;">{{field_load_weight}}</td>
            <td colspan="2" style="text-align: center;">{{field_unload_weight}}</td>
            <td style="text-align: center;">{{field_dust}}</td>
            <td style="text-align: center;">{{dust}}</td>
        </tr>
        <tr>
            <td colspan="2" style="text-align: center;">{{load_weight}}</td>
            <td colspan="2" style="text-align: center;">{{unload_weight}}</td>
            <td style="text-align: center;">{{field_real_net}}</td>
            <td style="text-align: center;">{{real_net}}</td>
        </tr>
    </table>

    <br><br><br>
    <div>
        <pre style="font-size: 15px;">
Operator Signature                 Sender Signature                 Receiver Signature
        </pre>
    </div>

    <div class="footer">
        স্কেলটি তৈরি করেছেন:- ফেরদৌস হোসেন ০১৯৩২৯৯০৯৪০ । ০১৭৮৭৪৬৪১৯৮
    </div>
</body>
</html>
